<!DOCTYPE html>
<html lang="en">
<head>	
    <meta charset="utf-8"/>
    <title>三安芯片掃描</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>	
    <link rel="stylesheet" href="./4/lumen/bootstrap.css" media="screen"/>
    <link rel="stylesheet" href="./_assets/css/custom.min.css"/>
</head>
<body>
	<div class="container">
		<legend>三安芯片掃描</legend>
		<form action="Select2CSV.php" method="post">
			开始时间: <input type="date" name="sjj1"/>
			结束时间: <input type="date" name="sjj2"/>
			工單號: <input type="text" name="GongDan"/>
			<input type="submit" value="导出"/>
			<br/>(提示:數據過大，要同時指定開始時間和結束時間或指定工單號才可導出)
		</form>
		<br/>
		<br/>
		
		<form>
			<fieldset>
				<div class="form-group row">
					<label class="col-sm-2 col-form-label" for="inputDefault">工單:</label>
					<div class="col-sm-10">
						<input class="form-control" placeholder="W7C14H" id="wo" type="text"/>
					</div>
				</div>	
				<div class="row" id="woDesc">	
				</div>
				<div class="form-group row">
				<label class="col-sm-2 col-form-label" for="inputDefault">掃描二維碼:</label>
					<div class="col-sm-10">
						<input class="form-control" placeholder="17620T4003-7250613" id="qr" type="text"/>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-sm-1 col-form-label" for="inputDefault">數量:</label>
					<div class="col-sm-2">
						<input readonly=""  class="form-control"  id="qty" type="text"/>
					</div>
					<label class="col-sm-1 col-form-label" for="inputDefault">累加量:</label>
					<div class="col-sm-2">
						<input readonly=""  class="form-control"  id="sqty" type="text"/>
					</div>
					<label class="col-sm-1 col-form-label" for="inputDefault">每包累計:</label>
					<div class="col-sm-2">
						<input   class="form-control"  id="esqty" type="text"/>
					</div>
					<div class="col-sm-1">
						<button type="button" id="Clearesqty" >清除<br/>每包<br/>累计</button>
					</div>
					<div class="col-sm-2">
						<input id="XG" type="text" placeholder="寫數量,按下Enter修改" />
					</div>
					<!-- <button onclick="displayesqty()">清除每包累计</button> -->
				</div>
				<!-- <script -->
					<!-- function displayesqty(){ -->
						<!-- $("#esqty").val(0); -->
					<!-- }); -->
				<!-- </script> -->
				
				<!-- 外键20180228150653001序号 -->
				<!-- 这里准备存放当前二维码的信息 -->
				<div class="col-sm-12">
					<div class="card border-dark mb-3" style="max-width: 120rem;">
						<div class="card-header">当前二维码信息：</div>
						<div class="card-body">
							<table class="table table-hover" style="table-layout:fixed" >
							  <thead>
								<tr class="table-active">
								  <th width="10%" scope="col">工单号</th>
								  <th width="10%" scope="col">芯片種類</th>
								  <th width="17%" scope="col">批號</th>
								  <th width="10%" scope="col">規格</th>
								  <th width="7%" scope="col">電壓最小值</th>
								  <th width="7%" scope="col">電壓最大值</th>
								  <th width="7%" scope="col">亮度最小值</th>
								  <th width="7%" scope="col">亮度最大值</th>
								  <th width="7%" scope="col">主波長最小值</th>
								  <th width="7%" scope="col">主波長最大值</th>
								  <th width="7%" scope="col">數量</th>
								  <th width="7%"  scope="col">序号</th>
								  <th width="7%"  scope="col">删除键</th>
								</tr>
							  </thead>
								<tbody id="DQXX">
									<!-- 这里放的是当前扫描的信息的 -->
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="row">	
					<table class="table table-hover" style="table-layout:fixed" >
						<thead>
							<tr class="table-active">
								<th width="10%" scope="col">工单号</th>
								<th width="10%" scope="col">芯片種類</th>
								<th width="17%" scope="col">批號</th>
								<th width="10%" scope="col">規格</th>
								<th width="7%" scope="col">電壓最小值</th>
								<th width="7%" scope="col">電壓最大值</th>
								<th width="7%" scope="col">亮度最小值</th>
								<th width="7%" scope="col">亮度最大值</th>
								<th width="7%" scope="col">主波長最小值</th>
								<th width="7%" scope="col">主波長最大值</th>
								<th width="7%" scope="col">數量</th>
								<th width="7%"  scope="col">序号</th>
								<th width="7%"  scope="col">删除键</th>
							</tr>
						</thead>
						<tbody id="blues">
						</tbody>
					</table>
				</div>
			</fieldset>
		</form>
		<p class="lead">
			<a class="btn btn-primary btn-lg" href="index.html" role="button">返回</a>
		</p>
	</div>
    <script src="./_vendor/jquery/dist/jquery.min.js"></script>
    <script src="./_vendor/popper.js/dist/umd/popper.min.js"></script>
    <script src="./_vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="./_assets/js/custom.js"></script>
	<script>
        var sum = 0;
		var sum1 = 0;
		var i = 0;
		var del_id = null;
		var JiShu = 0;
		var disks;
		var disksB;
		var cks=new Array(20);
		var vfav=0,poav=0,wdav=0;
		var v1=0,v2=0,v3=0,v4=0,v5=0,v6=0,v7=0,h1=0,h2=0,h3=0,h4=0,h5=0,h6=0,h7=0,w1=0,w2=0,w3=0,w4=0,w5=0,w6=0,w7=0;
		$("#wo").keypress(function(e){ //WO工单号按下回车后的代码
			$("ul").find("li").remove(); //ul里找到li然后删除
			var key = e.which;
			if (key == 13) {
				$.ajax({ url: "getwo.php?lot="+$("#wo").val(), 
					dataType : "text",
					success: function(data){
					console.log(data);
						wos=data.split(",");//T5C50724L-03,A2996F0,714.240000,晶片/S-35EBMUD-H,2.9-3.2,230-240,455-457.5
						//如果v1字符不包含分號,就啟用原來的版本
						var patt1=new RegExp("[;]");
						if(patt1.test(wos[4])){
							console.log(wos[4].split(";"));
							v1=wos[4].split(";");//v1=工單電壓拆分后的兩組數組
							console.log(v1);
							//v2,v3出現新BUG,v組合:3.1-3.2;2.9-3.5,備份舊代碼
							<!-- v2=parseFloat(v1[0].split("-")[0]);//v2=工单电压小 -->
							v4=parseFloat(v1[0].split("-")[0]);
							v5=parseFloat(v1[0].split("-")[1]);
							v6=parseFloat(v1[1].split("-")[0]);
							v7=parseFloat(v1[1].split("-")[1]);
							//取出四串電壓值
							v2=Math.min(v4,v5,v6,v7);
							console.log(v2);
							<!-- v3=parseFloat(v1[1].split("-")[1]);//v3=工单电压大 -->
							v3=Math.max(v4,v5,v6,v7)
							console.log(v3);
						}else{
							v2=parseFloat(wos[4].split("-")[0]);//v2=舊電壓小
							console.log(v2);
							v3=parseFloat(wos[4].split("-")[1]);//v2=舊電壓大
							console.log(v3);
						};
						//v2=parseFloat(wos[4].split("-")[1]);//v2=舊電壓規則
						
						//如果h1字符不包含分號,就啟用原來的版本
						if(patt1.test(wos[5])){
							console.log(wos[5].split(";"));
							h1=wos[5].split(";");//h1=工單亮度拆分后的兩組數組
							console.log(h1);
							//h2,h3出現新BUG,h組合:162-169;148-155,備份舊代碼
							<!-- h2=parseFloat(h1[0].split("-")[0]);//h2=工單亮度小 -->
							h4=parseFloat(h1[0].split("-")[0]);
							h5=parseFloat(h1[0].split("-")[1]);
							h6=parseFloat(h1[1].split("-")[0]);
							h7=parseFloat(h1[1].split("-")[1]);
							//取出四串亮度值
							h2=Math.min(h4,h5,h6,h7)
							console.log(h2);
							<!-- h3=parseFloat(h1[1].split("-")[1]);//h3=工單亮度大 -->
							h3=Math.max(h4,h5,h6,h7)
							console.log(h3);
						}else{
							h2=parseFloat(wos[5].split("-")[0]);//h2=舊亮度小
							console.log(h2);
							h3=parseFloat(wos[5].split("-")[1]);//h2=舊亮度大
							console.log(h3);
						};
						//h2=parseFloat(wos[5].split("-")[1]);//h2=舊亮度規則
						
						//如果w1字符不包含分號,就啟用原來的版本
						if(patt1.test(wos[6])){
							w1=wos[6].split(";");
							console.log(w1);
							w4=parseFloat(w1[0].split("-")[0]);
							w5=parseFloat(w1[0].split("-")[1]);
							w6=parseFloat(w1[1].split("-")[0]);
							w7=parseFloat(w1[1].split("-")[1]);
							//取出四串亮度值
							w2=Math.min(w4,w5,w6,w7)
							console.log(w2);
							w3=Math.max(w4,w5,w6,w7)
							console.log(w3);
						}else{
							w2=parseFloat(wos[6].split("-")[0]);//w1=工单波长小
							w3=parseFloat(wos[6].split("-")[1]);//w2=工单波长大
						}
						$("#woDesc").text("");// 清空数据
						$("#DQXX").text("");// 清空当前的数据
						$("#blues").text("");// 清空累积的数据
						sum = 0;
						sum1 = 0;
						$("#sqty").val(sum);//这里是数量合计
						$("#esqty").val(sum1);//这里是数量合计
						html = 
							'<table class="table table-hover">'+
							'  <thead>'+
							'	<tr class="table-active">'+
							'	  <th scope="col">工單號</th>'+
							'	  <th scope="col">成品料號</th>'+
							'	  <th scope="col">芯片料號</th>'+
							'	  <th scope="col">品名規格</th>'+
							'	  <th scope="col">電壓</th>'+
							'	  <th scope="col">亮度</th>'+
							'	  <th scope="col">波長</th>'+
							'	</tr>'+
							'  </thead>'+
							'  <tbody>'+
							'	<tr >'+
							'	  <th scope="row">'+$("#wo").val()+'</th>'+//工單號
							'	  <td>'+wos[0]+'</td>'+//成品料號
							'	  <td>'+wos[1]+'</td>'+//芯片料號
							'	  <td>'+wos[3]+'</td>'+//品名規格
							'	  <td>'+wos[4]+'</th>'+//電壓
							'	  <td>'+wos[5]+'</th>'+//亮度
							'	  <td>'+wos[6]+'</th>'+//波長
							'	</tr>'+
							'  </tbody>'+
							'</table>';	
						
						$("#woDesc").append(html);	
						$("#qty").val(wos[2]);
					}
				});		  
				$("#qr").focus();
			}
		});	
		//S-30MBMUD-C,17C120650VY008212,457CI155,17045,   --3
		//VF:3.02,3.07,3.10,0.02,  --4，5，6，7
		//PO:155.0,156.7,161.0,1.11, --8，9，10，11
		//WD:457.5,458.2,460.0,0.58,--12，13，14，15
		//00-00-F1-000-000-V
		$("#qr").keypress(function(e){//二维码的输入框按下回车
			var key = e.which;
			if (key == 13) {
				qrs=$("#qr").val().split(",");//把二维码的内容拆分
				i++;
				bg="";//
				vfav=qrs[5];
				poav=qrs[9];
				wdav=qrs[13];
				vb=parseFloat(qrs[4].split(":")[1]);//vb=扫描电压小
				if (vb<v2) {bg1='bgcolor="red"';} else {bg1='bgcolor="green"';}  
				ve=parseFloat(qrs[6]);//ve=扫描电压大
				if (ve>v3) {bg2='bgcolor="red"';} else {bg2='bgcolor="green"';}  
				hb=parseFloat(qrs[8].split(":")[1]);//hb=扫描亮度小
				if (hb<h2) {bg3='bgcolor="red"';} else {bg3='bgcolor="green"';}
				he=parseFloat(qrs[10]);//he=扫描亮度大
				if (he>h3) {bg4='bgcolor="red"';} else {bg4='bgcolor="green"';}
				wb=parseFloat(qrs[12].split(":")[1]);//wb=扫描波长小
				if (wb<w2) {bg5='bgcolor="red"';} else {bg5='bgcolor="green"';}
				we=parseFloat(qrs[14]);//we=扫描波长大
				if (we>w3) {bg6='bgcolor="red"';} else {bg6='bgcolor="green"';}
				
				//SAVE DB这里开始传输数据到数据库存储
				//日期时间, 工单号, 成品料号, 芯片料号, 芯片规格, 芯片电压, 芯片亮度, 芯片波长, 扫描品号, 扫描批号, 扫描规格, 扫描电压小, 扫描电压大, 扫描亮度小, 扫描亮度大, 扫描波长小, 扫描波长大, 数量, 二维码内容
				//date函数, Str1传入Chip_item参数,传递到php
				//文本=`工单号···················成品料号······芯片料号······规格``·······电压```········亮度```·······波长```·```·工单数量·`````··扫描品号········批号``········规格`········扫描电压小··大······亮度小·····大·······波长小·····大·········数量········二维码内容··········外键
				JiShu += 1;
				var time1 = new Date().format("yyyyMMddhhmmss");
				del_id = time1+JiShu;
				$Str1 = "'"+$("#wo").val()+"', '"+wos[0]+"', '"+wos[1]+"', '"+wos[3]+"', '"+wos[4]+"', '"+wos[5]+"', '"+wos[6]+"', '"+wos[2]+"', '"+qrs[0]+"', '"+qrs[1]+"', '"+qrs[2]+"', '"+vb+"', '"+ve+"', '"+hb+"', '"+he+"', '"+wb+"', '"+we+"', '"+qrs[3]+"', '"+$("#qr").val()+"', '"+del_id+"', '"+vfav+"', '"+poav+"', '"+wdav+"'"
				$.ajax({ url: "Set2MySQL.php?Chip_item="+$Str1,
					dataType : "text",
					success: function(){
					}
				});
				html=	
					'<tr id='+del_id+'>'+
					'	<td>'+$("#wo").val()+'</td>'+//工单号,这里是输出网页代码
					'	<td>'+qrs[0]+'</td> '+//扫描品号
					'	<td style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">'+qrs[1]+'</td>'+//扫描批号
					'	<td>'+qrs[2]+'</td>'+//扫描规格
					'	<td '+bg1+' id="v'+i.toString()+'">'+vb+'</td>'+//扫描电压小
					'	<td '+bg2+' id="vv'+i.toString()+'">'+ve+'</td>'+//扫描电压大
					'	<td '+bg3+' id="h'+i.toString()+'">'+hb+'</td>'+//扫描亮度小
					'	<td '+bg4+' id="hh'+i.toString()+'">'+he+'</td>'+//扫描亮度大
					'	<td '+bg5+' id="w'+i.toString()+'">'+wb+'</td>'+//扫描波长小
					'	<td '+bg6+' id="ww'+i.toString()+'">'+we+'</td>'+//扫描波长大
					'	<td id="qty'+del_id+'">'+qrs[3]+'</td>'+//扫描数量
					'	<td>'+del_id+'</td> '+//数据库序号
					'	<td><button type="button" class="btn btn-primary" onclick="showDetails(this)" id="del'+del_id+'" data-delid-qty="'+qrs[3]+'" data-delid-type="'+del_id+'" >刪除</button> </td> '+
					'</tr>';
				sum +=parseFloat(qrs[3]);	
				sum1 +=parseFloat(qrs[3]);
				$("#sqty").val(sum);//这里是所有数量合计
				$("#esqty").val(sum1);//这里是每包数量合计,提供手动清零
				$("#DQXX").text("");// 清空数据
				//这里准备在芯片当前信息框内写入当前二维码信息
				$("#DQXX").append(html);
				$("#blues").append(html);
				$("#qr").select();
			}
		});	
	function showDetails(del_id){
		var delidType = del_id.getAttribute("data-delid-type");//这个是Del_Id
		var cutqty = del_id.getAttribute("data-delid-qty");//这个是要删减的值
		$.ajax({ url: "Del4Chip.php?del_id="+delidType, 
			dataType : "text",
			success: function(){
				XiaoMie = "#"+delidType;
				$(XiaoMie).remove();
				$(XiaoMie).remove();
				sum =$("#sqty").val()-parseFloat(cutqty);
				sum1 =$("#esqty").val()-parseFloat(cutqty);
				$("#sqty").val(sum);//这里是数量合计
				$("#esqty").val(sum1);//这里是数量合计
			}
		});
	};
	$("#Clearesqty").on('click',function(){
		sum1=0;
		$("#esqty").val(sum1);
	});
	
	$("#XG").keypress(function(e){ //WO工单号按下回车后的代码
		var key = e.which;
		if (key == 13) {
			console.log(key);
			$.ajax({ url: "Up2Chip.php?del_id="+del_id+"&Up_Qty="+$("#XG").val(),
				dataType: "text",
				success: function(data){
					console.log(data);
					
					
					$("td#qty"+del_id).val($("#XG").val());
					$("td#qty"+del_id).val($("#XG").val());
				}
			});
		}
	});
	<!-- 这里是日期格式化公式 -->
	Date.prototype.format = function(fmt) { 
		var o = { 
			"M+" : this.getMonth()+1,                 //月份
			"d+" : this.getDate(),                    //日
			"h+" : this.getHours(),                   //小时
			"m+" : this.getMinutes(),                 //分
			"s+" : this.getSeconds(),                 //秒
			"q+" : Math.floor((this.getMonth()+3)/3), //季度
			"S"  : this.getMilliseconds()             //毫秒
		};
		if(/(y+)/.test(fmt)) {
			fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
		}
		for(var k in o) {
			if(new RegExp("("+ k +")").test(fmt)){
				fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
			}
		}
		return fmt;
	};
	</script>
</body>
</html>
